<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>DEMO1</title>
		<link rel="stylesheet" href="css/ytui.css" />
		<script src="js/html-size-calculation.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body class="header-fixed bgf5">
		<header class="header-bar bgfb bb">
			<a href="more.html" class="header-left">
				<i class="icon icon-pre"></i>
			</a>
			<h2 class="header-title">报价详情</h2>
		</header>
		<div class="wrap">
			<div class="bgff">
				<div class="yt yt-ac p30">
					<h3 class="list-title yt-f1 yt-te">四川最漂亮医院</h3>
					<div class="fz28 c66">
						有效期30天
					</div>
				</div>
				<div class="img-wrap">
					<img src="images/img-mj-li.png" />
				</div>
				<p class="fz36 color-main p30 pb0">预约报价：1000元<s class="fz28 c99">市场价：10200元</s></p>
				<p class="fz32 c99 p30">预约折扣率：17%</p>
			</div>
			<div class="bgff p30 mt30">
				<div class="yt yt-ac pb30">
					<i class="icon icon-doc color-second mr10"></i>
					<h3 class="list-title yt-f1 yt-te">报价详情</h3>
				</div>
				<div class="fz28 c99 lh16">
					<p>这里是一系列的治疗说明</p>
					<p>如果你无法简洁的表达你的想法，那只说明你还不够了 解它。 -- 阿尔伯特·爱因斯坦</p>
				</div>
				<div class="yt yt-pc pt20 pb20">
					<div class="yt-f1 fz28 c99 mr30">
						<div class="img-wrap">
							<img src="images/img-diary-timeline-li.png" />
						</div>
						<p class="mt20 yt-te2">干货虽好，但不 要过度依赖</p>
					</div>
					<div class="yt-f1 fz28 c99 mr30">
						<div class="img-wrap">
							<img src="images/img-diary-timeline-li.png" />
						</div>
						<p class="mt20 yt-te2">干货虽好，但不 要过度依赖</p>
					</div>
					<div class="yt-f1 fz28 c99">
						<div class="img-wrap">
							<img src="images/img-diary-timeline-li.png" />
						</div>
						<p class="mt20 yt-te2">干货虽好，但不 要过度依赖</p>
					</div>
				</div>
			</div>
			<ul class="list bgff mt30 bn">
				<li class="yt yt-ac p30">
					<h3 class="list-title yt-f1 yt-te">可选服务</h3>
				</li>
				<li class="yt yt-ac p30">
					<label class="yt-f1 yt yt-ac">
                    <i class="input-checkbox mr20"><input type="checkbox"><span></span></i>
                    <div class="yt-f1">
                    	<select class="select mr10">
                <option>快捷酒店399元/天</option>
                <option>快捷酒店1399元/天</option>
            </select>
                    </div>
                    </label>
					<div class="yt yt-ac yt-pe ml40 bl br bt bb">
						<div class="size-s tx-c br">
							+
						</div>
						<input type="text" class="input-text size-s bn" value="1天" />
						<div class="size-s tx-c bl">
							-
						</div>
					</div>

				</li>
				<li class="yt yt-ac p30">
					<label class="yt-f1 yt yt-ac">
                    <i class="input-checkbox mr20"><input type="checkbox"><span></span></i>
                    <div class="yt-f1">
                    	<select class="select mr10">
                <option>快捷酒店399元/天</option>
                <option>快捷酒店1399元/天</option>
            </select>
                    </div>
                    </label>
					<div class="yt yt-ac yt-pe ml40 bl br bt bb">
						<div class="size-s tx-c br">
							+
						</div>
						<input type="text" class="input-text size-s bn" value="1次" />
						<div class="size-s tx-c bl">
							-
						</div>
					</div>

				</li>
				<li class="yt yt-ac p30">
					<label class="yt-f1 yt yt-ac">
                    <i class="input-checkbox mr20"><input type="checkbox"><span></span></i>
                    <div class="yt-f1">
                    	<select class="select mr10">
                <option>管家服务599元/天</option>
                <option>管家服务1599元/天</option>
            </select>
                    </div>
                    </label>
					<div class="yt yt-ac yt-pe ml40 bl br bt bb">
						<div class="size-s tx-c br">
							+
						</div>
						<input type="text" class="input-text size-s bn" value="1天" />
						<div class="size-s tx-c bl">
							-
						</div>
					</div>

				</li>
				<li class="yt yt-ac p30 bn fz28">
					可选服务共计：3298元
				</li>
			</ul>
		</div>
		<div class="yt yt-ac pt20 pb20 tx-c bgff fz36 mt40">
			<div class="yt-f1 br">
				<i class="icon icon-comment mr10"></i>在线咨询
			</div>
			<div class="yt-f1 color-main">
				<i class="icon icon-account mr10"></i>确认报价<span class="fz24">（1688元）</span>
			</div>
		</div>
	</body>

</html>